@import './variables.less';

html,body,.app,.app-layout,.app-layout>.ant-layout{
    height: 100%;
}

//文字
.block{
    display: block;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.align-middle{
    vertical-align: middle;
}
.text-center{
    text-align: center;
}
.text-sm{
    font-size: .8em;
}
.text-lg{
    font-size: 1.1em;
}
.text-hg{
    font-size: 1.2em;
}

// 颜色
.text-white{
    color: @white-color;
}
.text-error {
    color: @error-color;
}
.text-success {
    color: @success-color;
}
.text-warning {
    color: @warning-color;
}
.text-info {
    color: @info-color;
}
.text-processing {
    color: @processing-color;
}
.text-highlight{
    color: @highlight-color;
}
.text-light {
    color: @light-color;
}

//排版
  .m{
      margin: 10px!important;
  }
.m-t{
    margin-top: 10px!important;
}
.m-b{
    margin-bottom: 10px!important;
}
.m-l{
    margin-left: 10px!important;
}
.m-r{
    margin-right: 10px!important;
}
.m-lg{
    margin: 15px!important;
}
.m-t-lg{
    margin-top: 15px!important;
}
.m-b-lg{
    margin-bottom: 15px!important;
}
.m-l-lg{
    margin-left: 15px!important;
}
.m-r-lg{
    margin-right: 15px!important;
}
.m-hg{
    margin: 20px!important;
}
.m-t-hg{
    margin-top: 20px!important;
}
.m-b-hg{
    margin-bottom: 20px!important;
}
.m-l-hg{
    margin-left: 20px!important;
}
.m-r-hg{
    margin-right: 20px!important;
}
.m-sm{
    margin: 5px!important;
}
.m-t-sm{
    margin-top: 5px!important;
}
.m-b-sm{
    margin-bottom: 5px!important;
}
.m-l-sm{
    margin-left: 5px!important;
}
.m-r-sm{
    margin-right: 5px!important;
}
.m-n{
    margin: 0;
}
.p{
    padding: 10px!important;
}
.p-t{
    padding-top: 10px!important;
}
.p-b{
    padding-bottom: 10px!important;
}
.p-l{
    padding-left: 10px!important;
}
.p-r{
    padding-right: 10px!important;
}
.p-lg{
    padding: 15px!important;
}
.p-t-lg{
    padding-top: 15px!important;
}
.p-b-lg{
    padding-bottom: 15px!important;
}
.p-l-lg{
    padding-left: 15px!important;
}
.p-r-lg{
    padding-right: 15px!important;
}
.p-hg{
    padding: 20px!important;
}
.p-t-hg{
    padding-top: 20px!important;
}
.p-b-hg{
    padding-bottom: 20px!important;
}
.p-l-hg{
    padding-left: 20px!important;
}
.p-r-hg{
    padding-right: 20px!important;
}
.p-sm{
    padding: 5px!important;
}
.p-t-sm{
    padding-top: 5px!important;
}
.p-b-sm{
    padding-bottom: 5px!important;
}
.p-l-sm{
    padding-left: 5px!important;
}
.p-r-sm{
    padding-right: 5px!important;
}

.clear{
    overflow: hidden;
}
.clearfix{
&:after{
     content: '';
     display: block;
     clear: both;
 }
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}


.com-tree-select-no-parent {
    .ant-select-tree-switcher {
        position: relative;
    }
    .ant-select-tree-switcher_open::before, .ant-select-tree-switcher_close::before {
        position: absolute;
        top: 0;
        right: -310px;
        bottom: 0;
        left: 0;
        content: '';
    }
}

.page-title-container{
    color: #000;
    line-height: 36px;
    .page-title{
        font-size: 24px;
    }
    .page-sub-title{
        font-size: 12px;
        padding-top: 10px;
        line-height: 20px;
    }
    .page-title-center{
        text-align: center;
    }
    .page-title-right{
        text-align: right;
    }
}

.select-keyword {
    .ant-select-selection {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right-width: 0;
    }
    
    .ant-input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}


.ajax-input-search{
    position: relative;
    line-height: 1;
    .search-drop-down{
        position: absolute;
        top: 38px;
        left: 0;
        padding: 15px;
        width: 100%;
        max-height: 256px;
        z-index: 999;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
        overflow-y: auto;
        border: 1px solid #e8e8e8;
    }
    .drop-down-list{
        .drop-down-item{
            cursor: pointer;
            padding-right: 8px;
            padding-left: 8px;
            &:hover {
                background: #e6f7ff;
            }
        }
        .drop-down-item-active{
            background: #e6f7ff;
        }
    }
}
